$(function() {
	// 供应商的数据绑定
	var permissionVue = new Vue({
		el : '#permissionDiv',
		data : {
			items : null
		},
		methods : {
			// 编辑按钮的点击
			editItem : function(item) {
				openEditBox(item);
			},
			// 删除按钮的点击
			deleteItem : function(item) {
				openDeleteConfirm(item);
			}
		}
	});
	// ajax 获得所有的用户
	getAll();

	$("#createPermissionButton").on("click", function() {
		openCreateBox();
	});

	function openCreateBox() {
		var createBox = layer.open({
			type : 2,
			maxmin : true,
			title : '新建权限',
			offset : '4%',
			area : [ '70%', '92%' ],
			btn : [ '确定', '取消' ] // 只是为了演示
			,
			yes : function() {
				// 获得子窗口的值
				var childBox = layer.getChildFrame('body', createBox);

				

				// 获得form表单的数据
				var data = childBox.find("#permissionForm").serialize();

				baseUtil.httpSend("permission/createNewPermissionAjax", data,
						showUpdatedDataByResult);
				layer.close(createBox);

			},
			btn2 : function() {
				layer.close();
			},
			shadeClose : true, // 点击遮罩关闭
			content : JSP_PRE_URL + 'editPermission'
		});
	}

	function openEditBox(item) {

		var editBox = layer.open({
			type : 2,
			maxmin : true,
			title : '编辑权限',
			offset : '4%',
			area : [ '70%', '92%' ],
			btn : [ '确定', '取消' ] // 只是为了演示
			,
			yes : function() {
				// 获得子窗口的值
				var childBox = layer.getChildFrame('body', editBox);
				// 获得form表单的数据
				var data = childBox.find("#permissionForm").serialize();

				baseUtil.httpSend("permission/updatePermissionAjax", data,
						showUpdatedDataByResult);
				layer.close(editBox);

			},
			btn2 : function() {
				layer.close();
			},
			shadeClose : true, // 点击遮罩关闭
			content : SERVER_PRE_URL
					+ 'permission/getPermissionByPrimaryKeyReturnTo?permissionId=' + item.permissionId
					+ '&returnTo=editPermission'
		});

	}

	function openDeleteConfirm(item) {
		// 询问框
		layer.confirm('确认删除：' + item.permissionName, {
			offset : '20%',
			btn : [ '确认', '取消' ]
		// 按钮
		}, function() {
			deleteDetail(item.permissionId);
		}, function() {
		});
	}

	function deleteDetail(id) {
		var data = {
			"permissionId" : id
		};
		baseUtil.httpSend("permission/deletePermissionByPrimaryKeyAjax", data, showUpdatedDataByResult);
	}

	function showUpdatedDataByResult(result) {
		if (result == 1) {
			getAll();
			layer.msg('操作成功');
		} else {
			layer.msg('操作失败');
		}
	}

	function getAll() {
		baseUtil.httpSend("permission/getAllPermissionAjax", null, showData);
	}

	function showData(data) {
		permissionVue.items = data;
	}

});